import React,{ Component } from "react";

class DataCC extends Component {

    // 初始化方式1
    state = {  
        name: '叶文洁',
    }

    // 初始化方式2
    // constructor(props) {
    //     super(props);
    //     this.state = {
    //         name: '叶文洁',
    //     }
    // }

    render() { 
        return ( 
            <div>
                {/* this访问state中的数据,与vue类似 */}
                { this.state.name }

                {/* 通过setState方法操作state中的数据,更新视图层 */}
                <button onClick={ ()=>{
                    this.setState({name: this.name = '三体统帅'})
                } }>身份</button>
            </div>
        );
    }
}

export default DataCC;